<template>
  <div class="all">

    <div class="a1">
      <OtherComponent3/>
    </div>
    <div class="a">
      <OtherComponent/>
    </div>
    <div class="a">
      <OtherComponent2/>
    </div>
  </div>


</template>

<script>
import OtherComponent from '@/components/zb/zxt.vue'
import OtherComponent2 from '@/components/zb/ld.vue'
import OtherComponent3 from '@/components/zb/Map.vue'

export default {
  name: 'Index',
  components: {
    OtherComponent,
    OtherComponent2,
    OtherComponent3
  },
  data() {
    return {}
  },
  methods: {},
  created() {

  }
}
</script>

<style scoped lang="scss">
.all {
  display: flex;

  .a {
    flex: 1;
    background-color: #ccc;

    &:last-child {
      margin-right: 0;
    }
  }

}
</style>

